<wicket:extend>
	<div class="content">
		<div class="container">
			<!-- <div class="page-header">
        <h1>The BP Circles frequently asked questions</h1>
      </div>  -->
			<div class="row">
				<!-- <div class="span2"></div>  bs-docs-sidenav affix nav-tabs nav-stacked-->
				<div class="span2">

					<div class="smv-leftnav">
						<div class="btn-toolbar">
							<div class="btn-group">
								<a class="btn btn-small" href="tr-new-ride.html">Take Ride</a> <a
									class="btn btn-small btn-success" href="gr-new-ride.html">Give
									Ride</a>
							</div>
						</div>
						<div class="well" style="padding: 8px 0;">
							<ul class="nav nav-list">
								<li class="nav-header">Ride Section</li>
								<li><a href="#" wicket:id="newRides"><i class="icon-edit"></i>
										New Rides</a></li>
								<li><a href="#" wicket:id="pendingRides"><i
										class="icon-share"></i> Pending Rides</a></li>
								<li><a href="#" wicket:id="completedRides"><i
										class="icon-check"></i> Completed Rides</a></li>
								<li><a href="#" wicket:id="payment"><i class="icon-shopping-cart"></i>
										Payment</a></li>
								<li class="nav-header">Your Account</li>
								<li><a href="#" wicket:id="userPreferences"><i class="icon-user"></i>
										Preferences</a></li>
								<li><a href="#" wicket:id="createCircle"><i class="icon-cog"></i>
										Create Circle</a></li>
								<li><a href="gr-create-msg.html"><i
										class="icon-comment"></i> Create Message</a></li>
								<li class="active"><a href="#" wicket:id="home"><i
										class="icon-envelope"></i> My Message</a></li>

							</ul>
						</div>

					</div>
				</div>
				<!-- table section -->
				<div class="span10">
					<div class="page-header">
						<h1>New Ride</h1>
					</div>
					<div>
						<div class="row">
							<div class="span4 ">
								<div class="well changer">
									<form class="form-horizontal">


										<!-- Form Name -->

										<p>
											<strong>Address From</strong>
										</p>
										<hr>
										<div class="control-group">
											<label class="control-label" for="inputEmail">Address
												Tag</label>
											<div class="controls">
												<select>
													<option>Home</option>
													<option>Office</option>
												</select>
											</div>
										</div>
										<!-- <div class="control-group">
                      <label class="control-label" for="inputEmail">Address1</label>
                      <div class="controls">
                        <input type="text" id="inputEmail" placeholder="Address1">
                      </div>
                    </div> -->
										<div class="control-group">
											<label class="control-label" for="inputPassword">Address1</label>
											<div class="controls">
												<input type="password" id="inputPassword"
													placeholder="Address1">
											</div>
										</div>
										<div class="control-group">
											<label class="control-label" for="inputEmail">City</label>
											<div class="controls">
												<select>
													<option>Home</option>
													<option>Home1</option>
												</select>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label" for="inputPassword">Pin</label>
											<div class="controls">
												<input type="text" id="inputPassword" placeholder="Pin">
											</div>
										</div>

										<div class="control-group">
											<label class="control-label" for="inputPassword">Tag
												(20 limit)</label>
											<div class="controls">
												<input type="text" id="inputoffice" placeholder="Office">
											</div>
										</div>



									</form>
								</div>
								<!-- for lower -->
								<div class="well changer">
									<form class="form-horizontal">
										<p>
											<strong>Date</strong>
										</p>
										<hr>
										<div class="control-group">
											<label class="control-label" for="inputEmail">Frequency</label>
											<div class="controls">
												<label class="checkbox inline"> <input
													type="checkbox" id="inlineCheckbox1" value="option1">Mon
												</label> <label class="checkbox inline"> <input
													type="checkbox" id="inlineCheckbox2" value="option2">Tue
												</label> <label class="checkbox inline"> <input
													type="checkbox" id="inlineCheckbox3" value="option3">Wed
												</label> <label class="checkbox inline"> <input
													type="checkbox" id="inlineCheckbox3" value="option3">Thu
												</label> <label class="checkbox inline"> <input
													type="checkbox" id="inlineCheckbox3" value="option3">Fri
												</label> <label class="checkbox inline"> <input
													type="checkbox" id="inlineCheckbox3" value="option3">Sat
												</label> <label class="checkbox inline"> <input
													type="checkbox" id="inlineCheckbox3" value="option3">Sun
												</label>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label" for="inputPassword">Time
												(HH:MM)</label>
											<div class="controls">
												<form class="form-inline">
													<select class="span1">
														<option>01</option>
														<option>02</option>
														<option>03</option>
														<option>04</option>
														<option>05</option>
														<option>06</option>
														<option>07</option>
														<option>08</option>
														<option>09</option>
														<option>10</option>
														<option>11</option>
														<option>12</option>
													</select> <select class="span1">
														<option>01</option>
														<option>02</option>
														<option>03</option>
														<option>04</option>
														<option>05</option>
														<option>06</option>
														<option>07</option>
														<option>08</option>
														<option>09</option>
														<option>10</option>
														<option>11</option>
														<option>12</option>
													</select>
													<!-- <p class="help-block">HH:MM</p> -->
												</form>
											</div>
										</div>
									</form>
									<br />
									<br />
								</div>
								<!-- end of lower -->
							</div>
							<!-- div for other one form -->
							<div class="span4 ">
								<div class="well changer">
									<form class="form-horizontal">


										<!-- Form Name -->

										<p>
											<strong>Address To</strong> &nbsp; <label
												class="checkbox inline" for="checkboxes-0"> <input
												name="checkboxes" id="checkboxes-0"
												value="Remember Password" type="checkbox"> Auto
												Match - In circle only
											</label>
										</p>
										<hr>
										<div class="control-group">
											<label class="control-label" for="inputEmail">Address
												Tag</label>
											<div class="controls">
												<select>
													<option>Home</option>
													<option>Office</option>
												</select>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label" for="inputEmail">Address1</label>
											<div class="controls">
												<input type="text" id="inputEmail" placeholder="Address1">
											</div>
										</div>
										<!-- <div class="control-group">
                      <label class="control-label" for="inputPassword">Address1</label>
                      <div class="controls">
                        <input type="password" id="inputPassword" placeholder="Address1">
                      </div>
                    </div> -->
										<div class="control-group">
											<label class="control-label" for="inputEmail">City</label>
											<div class="controls">
												<select>
													<option>Home</option>
													<option>Home1</option>
												</select>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label" for="inputPassword">Pin</label>
											<div class="controls">
												<input type="text" id="inputPassword" placeholder="Pin">
											</div>
										</div>

										<div class="control-group">
											<label class="control-label" for="inputPassword">Tag
												(20 limit)</label>
											<div class="controls">
												<input type="text" id="inputoffice" placeholder="Office">
											</div>
										</div>



									</form>
								</div>
								<!-- for lower -->
								<div class="well changer">
									<form class="form-horizontal">
										<p>
											<strong>Flexibility TIme Sharing</strong>
										</p>
										<hr>
										<div class="control-group">
											<label class="control-label" for="inputEmail">Frequency</label>
											<div class="controls">
												<label class="checkbox"> <input type="checkbox"
													id="inlineCheckbox3" value="option3">Is Shared Taxi
													OK ?
												</label>
											</div>
										</div>
										<!--  -->

										<div class="control-group">
											<label class="control-label" for="inputPassword">Time
												before</label>
											<div class="controls">
												<input type="text" id="inputPassword"
													placeholder="Time Before (mins.)">
											</div>
										</div>
										<div class="control-group">
											<label class="control-label" for="inputPassword">Time
												After</label>
											<div class="controls">
												<input type="text" id="inputPassword"
													placeholder="Time After (mins.)">
											</div>
										</div>
										<!--  -->

									</form>
								</div>
								<!-- end of lower -->
							</div>
							<!-- <p>
              <button class="btn btn-small" type="button">Edit</button>
              <button class="btn btn-small btn-primary" type="button">Save</button>
            </p> -->
						</div>
					</div>
					<p>
						<button class="btn btn-small" type="button">Clear</button>
						<button class="btn btn-small btn-primary" type="button">Register</button>
					</p>
					<!-- table section ends here -->
				</div>
			</div>
		</div>
	</div>
	<br />
	<br />
	<br />
	<br />
</wicket:extend>